<template>
	<view class="content">
	<view>
		<up-loading-page :loading="true" loadingText="loading..." v-if="showLoading"></up-loading-page>
	</view>
	<view class="layout" v-show="!showLoading">
		<!-- 组件 ,需要主页图片返回主页 加  ：isHome="true"-->
		<cu-custom :isBack="true" background="rgba(237, 238, 245, 0.3)" > 
			<block slot="content">积分</block>
		</cu-custom>
			
		
			<view class="group1">
				<view class="text1">当前积分</view>
				<view class="parse1">
					<view class="text2">6800</view>
					<navigator url="/pages/rule/rule" class="text3">积分规则</navigator>
				</view>
			</view>
			
			<view class="group2">
				<view class="parse2">
					<view class="text4">购物抵扣</view>
					<view class="text5">2023.04.18 12:00:38</view>
				</view>
				<view class="parse3">
					<view class="text6">-50.00</view>
				</view>
			</view>

			
		</view>
	</view>
</template>
<script setup>
import request from '@/common/request.js';
import {
	loadingType
} from '@/utils/type';
import { ref,onMounted } from 'vue'
const showLoading = ref(true)

onMounted(() => {
  setTimeout(() => {
    showLoading.value = false;
  }, 3000);
});

 </script>

<style lang="scss" scoped>
	.content{
		background-color: #f6f6f6;
		height: 100vh;
	}
	.group1{
		background-color: #fff;
		height: 250rpx;
		border-radius: 0rpx 0rpx 20rpx 20rpx;
		.text1{
			font-size: 24rpx;
			padding-left: 50rpx;
			padding-top: 100rpx;
		}
		.parse1{
			display: flex;
			.text2{
			font-size: 60rpx;
			padding-left: 50rpx;
			padding-top: 15rpx;
			color: #FF6000;
			}
			.text3{
				position: absolute;
				font-size: 24rpx;
				color: #999999;
				margin-left: 600rpx;
				margin-top: 60rpx;
			}
		}
		
	}
	.group2{
		width: 710rpx;
		height: 180rpx;
		background-color:#fff ;
		margin-top: 28rpx;
		margin-left: 20rpx;
		border-radius: 10rpx;
		display: flex;
		.parse2{
			.text4{
				font-size: 28rpx;
				font-weight: bold;
				padding-top: 48rpx;
				padding-left: 33rpx;
			}
			.text5{
				font-size: 24rpx;
				color: #999999;
				padding-top: 20rpx;
				padding-left: 31rpx;
			}
		}
		.parse3{
			position: absolute;
			margin-left: 550rpx;
			margin-top: 88rpx;
			.text6{
				font-size: 30rpx;
				font-weight: bold;
				
			}
		}
	}


</style>